<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
        <title>Optilodging</title>
        <link href="<?= base_url() ?>public/images/favicon.png" rel="icon" type="image/x-icon" />
        <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link href="<?= base_url() ?>public/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <!--        <link href="<?= base_url() ?>public/lib/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">-->
        <link href="<?= base_url() ?>public/lib/jQuery/css/smoothness/jquery-ui-1.10.2.custom.min.css" rel="stylesheet">
        <link href="<?= base_url() ?>public/css/entrar.css" rel="stylesheet">
    </head>
    <body>


        <div class="container-fluid">
            <div id="cinta" class="ribbon"><div class="ribbon-stitches-top"></div><img id="imagenLogo" src="<?= base_url() ?>public/images/logoMenu.png"><strong class="ribbon-content"> <h1>Optilodging <span id="version">v 1.1</span></h1></strong><div class="ribbon-stitches-bottom"></div></div>
            <div class="row">
                <div id="entrar" class="span4 well ">


                    <form id="formRecuperarContrasena" method="POST" action="enviarCorreo" autocomplete="off">
                        <input type="text" id="codigoHotel" class="span4" name="codigoHotel" placeholder="Código del hotel" required>
                        <input type="text" id="usuario" class="span4" name="usuario" placeholder="Usuario" required>
                        <input type="email" id="email" class="span4" name="email" placeholder="Email" required>
                        <button id="enviar" type="submit" name="submit" class="btn btn-i inverse btn-block">Recuperar contraseña</button>
                    </form>    
                </div>
            </div>

        </div>
        <div id="separadorV"></div>
        <div id="separadorH"></div>










        <footer id="footer">
            <div class="container">
                <div class="row-fluid"><span class="pull-right"> Optilodging ® 2013</span></div>
            </div>
        </footer>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="<?= base_url() ?>public/lib/jQuery/jquery-1.10.1.min.js"><\/script>')</script>

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script>window.jQuery || document.write('<script src="<?= base_url() ?>public/lib/jQuery/jquery-ui-1.10.2.custom.min.js"><\/script>')</script>
        <script src="<?= base_url() ?>public/lib/bootstrap/js/bootstrap.min.js"></script>
        <script src="<?= base_url() ?>public/js/entrar.js"></script>
        <div id="coverDisplay">
            <img id="imgLoading" src="<?= base_url() ?>public/images/loading.gif">
        </div>
    </body>
</html>
<div id="mensajesUsuario" class="<?php
if (!isset($_SESSION["mensaje"]["contenido"]) || $_SESSION["mensaje"]["contenido"] == "") {
    echo "hide";
}
?>">
    <div id="contenidoMensajeUsuario" class="<?php
         if (!isset($_SESSION["mensaje"]["contenido"]) || $_SESSION["mensaje"]["contenido"] != "") {
             echo $_SESSION["mensaje"]["tipo"];
         }
         ?>">
             <?php
             if (isset($_SESSION["mensaje"]["contenido"]) && $_SESSION["mensaje"]["contenido"] != "") {
                 echo $_SESSION["mensaje"]["contenido"];
                 $_SESSION["mensaje"]["contenido"] = "";
             }
             ?>
    </div>
</div>
<script>
    (function(i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function() {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-42717766-2', 'optilodging.com');
    ga('send', 'pageview');

</script>
